<template>
    <div class="addMerchant">
        <div class="merchant-info">
            <ul>
                <li>
                    <span>店铺名称</span>
                    <span>{{merchantsData.shopName}}</span>
                </li>
                <li>
                    <span>logo</span>
                    <span><img :src="merchantsData.shopLogo" align="middle" alt=""></span>
                </li>
                <li>
                    <span>店铺负责人</span>
                    <span>{{merchantsData.chargePersonName}}</span>
                </li>
                <li>
                </li>
                <li>
                    <span>联系方式</span>
                    <span>{{merchantsData.chargePersonPhone}}</span>
                </li>
                <li>
                    <span>店铺地址</span>
                    <span>{{merchantsData.shopAdress}}</span>
                </li>
                <li>
                    <span>详细地址</span>
                    <span>{{merchantsData.shopAdressDetail}}</span>
                </li>
                <li>
                    <span>营业执照</span>
                    <span><img :src="merchantsData.enterpriseLicense" align="middle" alt=""></span>
                </li>
                <li>
                    <span>食品经营许可证</span>
                    <span><img :src="merchantsData.foodCard" align="middle" alt=""></span>
                </li>
                 <li>
                    <span>店铺门头照</span>
                    <span><img :src="merchantsData.doorCard" align="middle" alt=""></span>
                </li>
                  <li>
                    <span>平台服务费</span>
                    <span>{{merchantsData.poundage > 0 ? merchantsData.poundage + "%" : merchantsData.poundage}}</span>
                </li>
                 <li>
                    <span>是否缴纳保证金</span>
                    <span>{{merchantsData.bondState==1?'已缴纳':'未缴纳'}}</span>
                </li>
                <li>
                    <span>保证金金额</span>
                    <span>{{merchantsData.bondMoney == null ? "无" : merchantsData.bondMoney}}</span>
                </li>
                <li>
                    <span>缴费方式</span>
                    <span>{{merchantsData.paymentMethod == '' ? "无" : merchantsData.paymentMethod}}</span>
                </li>
                <li>
                    <span>缴费账号</span>
                    <span>{{merchantsData.paymentCard == '' ? "无" : merchantsData.paymentCard}}</span>
                </li>
                <li>
                    <span>合同状态</span>
                    <span>{{merchantsData.contractState==0?'无效':'有效'}}</span>
                </li>
                  <li>
                    <span>生效日期</span>
                    <span>{{merchantsData.effectiveDate}}</span>
                </li> 
                <li>
                    <span>失效时限(年)</span>
                    <span>{{merchantsData.effectiveYear}}</span>
                </li>
                <li >
                    <span class="my-btn" @click='goBack' style="width: 64px;margin:20px 0 0 140px;">返回</span>
                    <!-- <span class="my-btn my-back-blue" @click='edit'>编辑</span> -->
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            merchantsData:'',//商家数据展示
        }
    },
    mounted(){
       this.loadShopList()
    },
    methods:{
         loadShopList(){
            var param={
               shopId:this.$route.query.shopId
            }
            this.axios({
                url:'/shop/getById',
                method:'post',
                data:JSON.stringify(param),
            }).then(res=>{
                res.data.data.poundage=res.data.data.poundage*100
                this.merchantsData=res.data.data
                console.log(this.merchantsData)
            })
        },
         goBack(){
            this.$router.push('/index/merchantManagement')
        }
    },
    watch:{
        
    }
}
</script>

<style scoped>
    .addMerchant{
        position: relative;
    }
    .merchant-info ul li{
        margin-top: 15px;
    }
    .merchant-info ul li span{
        display: inline-block;
    }
     .merchant-info ul li span:nth-child(1){
       width: 120px;
       text-align: right;
    }
    .merchant-info ul li span:nth-child(2){
       margin-left: 20px;
    }
     .merchant-info ul li img{
       width: 80px;
    }

</style>